<template>
	<view class="uni-container">
		<view  class="uni-header-logo">
			<image class="uni-header-image" src="/static/extuiIndex.png"></image>
		</view>
		<view  class="uni-hello-text">
			<text class="hello-text">全部页面</text>
		</view>
		
		<view  class="uni-panel" v-for="item in lists" :key="item.url">
			<view class="uni-panel-h"@click="goDetailPage(item.url)">
				<text class="uni-panel-text">{{item.name}}</text>
				<!-- <view class="uni-panel-icon uni-icon">
					<uni-icons type="forward" size="15"></uni-icons>
				</view> -->
			</view>
		</view>
		
	</view>
</template>
<script>
	import { ref, reactive,getCurrentInstance } from 'vue'
	import uinFun from '@/uilt/uinFun';
	import Cache from "@/uilt/cache"
	import{onLoad} from  "@dcloudio/uni-app"
	export default {
		setup(){
			const lists=[
				{
					name: "父组件-c",
					url: "c"
				},
				{
					name: "父组件-a",
					url: "a"
				},
				{
					name: "登录",
					url: "login"
				},
				{
					name: "新增表单页面",
					url: "from"
				},
				{
					name: "数据分页列表",
					url: "pageList"
				},
				{
					name: "表格",
					url: "table"
				},
			]
		
			const goDetailPage=(path)=> {
				const url = '/pages/uin/' + path 
					uni.navigateTo({
						url: url
					})
			}
			
	
			return {lists,goDetailPage} 
		},
		

		onLoad(option) {},
		onReady(){},
		onShareAppMessage(){},
		onNavigationBarButtonTap(e){},

	}
</script>

<style>
/* #ifndef APP-PLUS-NVUE */
page {
    min-height: 100%;
    height: auto;
}
/* #endif */

/* 解决头条小程序字体图标不显示问题，因为头条运行时自动插入了span标签，且有全局字体 */
/* #ifdef MP-TOUTIAO */
/* text :not(view) {
    font-family: uniicons;
} */
/* #endif */

.uni-icon {
    font-family: uniicons;
    font-weight: normal;
}

.uni-container {
    padding: 15px;
    background-color: #f8f8f8;
}

.uni-header-logo {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    padding: 15px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10rpx;
}

.uni-header-image {
    width: 80px;
    height: 80px;
}

.uni-hello-text {
    margin-bottom: 20px;
}

.hello-text {
    color: #7A7E83;
    font-size: 14px;
    line-height: 20px;
}

.hello-link {
    color: #7A7E83;
    font-size: 14px;
    line-height: 20px;
}

.uni-panel {
    margin-bottom: 12px;
}

.uni-panel-h {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    background-color: #ffffff;
    flex-direction: row !important;
	/* justify-content: space-between !important; */
    align-items: center !important;
    padding: 12px;
	/* #ifdef H5 */
	cursor: pointer;
	/* #endif */
}
/*
.uni-panel-h:active {
    background-color: #f8f8f8;
}
 */
.uni-panel-h-on {
    background-color: #f0f0f0;
}

.uni-panel-text {
    flex: 1;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.uni-panel-icon {
    margin-left: 15px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    transform: rotate(0deg);
    transition-duration: 0s;
    transition-property: transform;
}

.uni-panel-icon-on {
    transform: rotate(180deg);
}

.uni-navigate-item {
	/* #ifdef H5 */
	display: flex;
	/* #endif */
    flex-direction: row;
    align-items: center;
    background-color: #FFFFFF;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    border-top-width: 1px;
    padding: 12px;
	/* #ifdef H5 */
	cursor: pointer;
	/* #endif */
}

.uni-navigate-item:active {
    background-color: #f8f8f8;
}

.uni-navigate-text {
    flex: 1;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}

.uni-navigate-icon {
    margin-left: 15px;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
}

</style>
